<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>复杂</title>
    <style type="text/css">
        h1 {
            color: #ff863a
        }
        p {
            color: #5bccde;
            margin-left: 20px;
        }
    </style>
</head>
<body>
<h1>title1</h1>
<p>段落</p>
<p style="color: mediumslateblue; margin-left: 10px">段落2,使用内部style</p>

"target = _blank"属性会在新窗口中打开<a href="http://www.baidu.com" target = _blank>百度</a>
<br/>
<a name="基础页" href="/HTML5/index.html">去基础</a>
<br/>
<a href="#基础页">滚动到基础</a>
<br/>
<a href="http://baike.baidu.com/link?url=gGWAlniCS3FKksm44Z8jQGvSt10gDu1VFg7GIAs8hSL7_VZw-PT1CrPRsMdx7-ifz_NM6hiBAzDkW-7aqTM4ia#2_9">百度百科</a>
<br/>
<a href="mailto:dum@yhfund.com.cn?subject=Hello%20dum">发送邮件</a>
<br/>
<strong>注意:要%20来替换单词间的空格!</strong>

<br/>
<br/>
图片
<br/>
本地图片<img src="../Learn/image/riven.jpg" alt="Riven" width="64" height="64" align="left"/>
<br/>
网络图片<img src="http://cdn.duitang.com/uploads/blog/201508/22/20150822112822_8VxQE.jpeg" align="center" width="64" height="64"/>
</body>
</html>